<template>
  <div class="page">
    <el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/service/invest' }"
        >协会服务</el-breadcrumb-item
      >
      <el-breadcrumb-item :to="{ path: '/service/energize' }"
        >赋能服务</el-breadcrumb-item
      >
      <el-breadcrumb-item>赋能服务详情</el-breadcrumb-item>
    </el-breadcrumb>

    <div class="content" v-if="details">
      <h5>{{ details.abilityName }}</h5>
      
       <div>
        <quill-editor
          disabled
          v-model="details.abilityRemark"
          class="ql-editor ql-box"
        />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "newsDetail",
  data() {
    return {
      details: "",
    };
  },
  mounted() {
    this.details = this.$route.params.value;
  },
  methods: {},
};
</script>
<style lang="less" scoped>
.page {
  width: 75%;
  margin: 0 auto;
  .breadcrumb {
    box-sizing: border-box;
    height: 84px;
    line-height: 84px;
    padding-left: 16px;
  }
  .content {
    text-align: center;
    border: 1px solid #e8f2fd;
    padding: 64px;
    margin-bottom: 20px;
    h5 {
      font-size: 24px;
    }
    p {
      margin: 42px 0;
    }
  }
}
</style>

